extends ../../../includes/weixin-layout

block style
    style.
        *{
            margin: 0;
            padding: 0;
            box-sizing:border-box;
        }

        html, body{
            width: 100%;
            height: 100%;
            font-family: font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
        }

        .container{
            margin: auto;
            padding: 12px 12px;
            max-width:600px;
        }

        .header{
            font-size: 18px;
            font-weight: 900;
            line-height: 1.1em;
        }

        a {
            text-decoration:none;
        }
        .row{
            margin-bottom: 6px;
        }

        .current-time{
            font-size: 12px;
            margin-right: 8px;
        }

        .cover{
            width: 100%;
        }

        p{
            white-space: pre-wrap;
            font-weight: 600;
            font-size: 14px !important;
        }

        .auth{
            color:lightblue;
            font-size: 13px;
        }

        .blue-link{
            color:blue;
            font-size: 15px;
        }
        .red-link{
            color:red;
            font-size: 15px;   
        }

        .prize{
            font-size:12px;
        }
        .red{
            color:red;
        }
        .cover img{
            width:100%;
        }
        .tests{
            font-weight:400;
            font-size:14px;
        }
        .tests .title{
            font-size:16px;
            font-weight:900;
        }
        .tests .content{
            font-size:14px;
            font-weight:400;
            text-indent:2em;
            padding-left:1em;
        }
        .do-again{
            display:block;
            margin: 15px auto;
            font-size:18px;
            text-align:center;
            color:blue;
        }

        img {
            width:100%;
        }

        .center{
            text-align:center;
        }

block content
    .container
        .header=title

        .row
            span.current-time
            span.author

        .cover.row
            img(src="/wxr/img/riddle1.jpg")

        p.row
            span.red 10台价值499元的kindle等你拿！
        p.row
            span.red 只要关注【闪闪的微客】并将本条信息转发朋友圈
            | ，获得
            span.red 15个赞
            | ，10月31日0点前截图给【闪闪的微客】那就有机会获得kindle！
        p.row
            span.red 小编将会在11月2日公布获奖者名单
            | ，到时记得关注【闪闪的微客】！

        .row
            img(src="/wxr/img/kindle.jpg")

        h2.row 测试答案：

        .tests.row
            .title A撞鬼指数：三星
            .content.row 你有非常强烈的好奇心，对于那些神魔鬼怪的事非常好奇，一听到哪有灵异事件发生就显得非常兴奋。而这种好奇心会促使你的潜意识中相信世上真有鬼神存在，并且喜欢把这样的观念和故事鼓吹给他人听。即便你没亲眼见过鬼，也能用想象力编出见鬼的经历。
            .title B撞鬼指数：一星
            .content.row 关于灵异方面的事情你显得慢半拍，同一件诡异的事情，别人胡思乱想的把自己吓个半死，而你却压根不会想到这上面去。要是真有鬼出现在你面前，你也会认为是有人在和你开玩笑，结果鬼被气个半死。心中无鬼，自然也不会碰上鬼！

            .title C撞鬼指数：四星
            .content.row 你属于心灵脆弱型的人，对于像这样的灵异故事、恐怖电影等一律排斥，害怕里面的恐怖情节会刺激你的神经。不闻不问不看并不代表你不会想，当单独处在阴暗环境中时，会本能的想到一些恐怖的东西。心里越是害怕越容易碰到灵异事件，小心自己吓到自己哦！

            .title D撞鬼指数：二星
            .content 你的单子倒不是特别大，但你善于调试自己的恐惧心理。当自认为撞邪时，会用咒骂、拿武器驱赶等凶悍方式进行防御，试图消除自己的恐惧心理。所以即便你遇到奇怪的事情，你表现出来的无畏也足以吓走鬼怪，使它们不敢靠近你。
        p.row
            span.red关注【闪闪的微客】并分享本测试
            | 后可见答案，同时你将有机会获得价值
            span.red 499元的kindle
            | 阅读神器！

        a.do-again(href="/wx/riddle/1") 我要重新测试
            span.red（点击可以重新测试）

        p.row 【更多关于Pax信息请关注：www.wpax.cn】 
        p.row  新浪微博：@上海雄鲸网络技术有限公司
        .guanzu.row
            img(src="/wxr/img/qr-code.jpg")

        p.center.row 扫一扫加关注

block script
    script.
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: 'wx3a50d2f115fd3e3f', // 必填，公众号的唯一标识
            timestamp: #{timestamp}, // 必填，生成签名的时间戳
            nonceStr: "#{nonceStr}", // 必填，生成签名的随机串
            signature: "#{signature}",// 必填，签名，见附录1
            jsApiList: [ // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                'onMenuShareTimeline', 
                'onMenuShareAppMessage',
                'hideOptionMenu'
            ] 
        });

        wx.ready(function(){

            wx.hideOptionMenu();

        });